/* CSS变量定义 */
:root {
  /* 主色调 */
  --primary-color: #007AFF;
  --primary-hover-color: #005BB8;
  --text-on-primary-color: #FFFFFF;
  
  /* 背景和文本颜色 */
  --bg-color: #f5f5f5;
  --card-bg-color: #ffffff;
  --text-color: #333333;
  --text-secondary-color: #666666;
  --border-color: #eeeeee;
  --nav-bg-color: #ffffff;
  --nav-text-color: #333333;
  --shadow-color: rgba(0,0,0,0.1);
  
  /* 禁用状态颜色 */
  --disabled-bg-color: #e0e0e0;
  --disabled-text-color: #757575;
  
  /* 状态颜色 */
  --success-color: #4CD964;
  --warning-color: #FF9500;
  --error-color: #FF3B30;
  --info-color: #34AADC;
  --divider-color: #e0e0e0;
  
  /* 输入框颜色 */
  --input-bg-color: #ffffff;
  --input-border-color: #dddddd;
  --input-text-color: #333333;
  --input-placeholder-color: #999999;
  
  /* 按钮颜色 */
  --button-bg-color: #f5f5f5;
  --button-text-color: #333333;
  --button-border-color: #dddddd;
  
  /* 滚动条颜色 */
  --scrollbar-track-color: #f1f1f1;
  --scrollbar-thumb-color: #c1c1c1;
  --scrollbar-thumb-hover-color: #a8a8a8;
  
  /* 代码块颜色 */
  --code-bg-color: #f8f8f8;
  --code-text-color: #333333;
  --code-border-color: #e0e0e0;
  
  /* 提示框颜色 */
  --tooltip-bg-color: #333333;
  --tooltip-text-color: #ffffff;
  
  /* RGB变量，用于透明度计算 */
  --primary-color-rgb: 0, 122, 255;
  --bg-color-rgb: 245, 245, 245;
  --card-bg-color-rgb: 255, 255, 255;
  --text-color-rgb: 51, 51, 51;
  --border-color-rgb: 238, 238, 238;
  
  /* iOS 18 风格的 CSS 变量 */
  --ios18-primary-color: #007AFF;
  --ios18-secondary-color: #8E8E93;
  --ios18-success-color: #34C759;
  --ios18-warning-color: #FF9500;
  --ios18-error-color: #FF3B30;
  --ios18-adult-color: #FF375F;
  
  --ios18-bg-color: #F2F2F7;
  --ios18-card-bg-color: rgba(255, 255, 255, 0.8);
  --ios18-text-color: #000000;
  --ios18-text-secondary-color: #6C6C70;
  --ios18-border-color: rgba(60, 60, 67, 0.1);
  --ios18-separator-color: rgba(60, 60, 67, 0.1);
  
  /* 高亮颜色 */
  --highlight-color: rgba(0, 122, 255, 0.1);
  
  /* 安全区域 */
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-right: env(safe-area-inset-right);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-left: env(safe-area-inset-left);
}

/* 平台特定样式 */
/* #ifdef H5 */
/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover-color);
}
/* #endif */

/* #ifdef APP-PLUS */
/* APP特定样式 */
.safe-area-inset-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.safe-area-inset-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
/* #endif */ 